
body
  background: #f5f5f5

*
  margin: 0;
  padding: 0

.clearfix:after
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
  
.container
  max-width: 750px;
  margin: 0 auto
  position: relative
  background: #ffffff
  height: 100%
  .head-li
    display: flex
    width: 100%
    height: 90px
    background: #f4f4f4
    font-size: 34px
    color: #666666
    line-height: 90px;
    margin: 0
    padding: 0
    position: fixed
    top: 0
    left: 0
    z-index: 111
    li
      flex: 1
      text-align: center
  #wrapper 
    position:absolute
    top:100px; 
    bottom:0px
    left:0;
    width:100%
    background: #ffffff
    .list
      background: #ffffff
      .li
        display: flex
        height: 96px
        border-bottom: 1px solid #ebebeb
        align-items: center
        color: #333333
        font-size: 28px
      .flex
        flex: 1
        text-align: center
        p
          margin: 0
          padding: 0
          &.leg
            font-size: 28px
          &.time
            font-size: 20px
            color: #b2b2b2
    .more
      height: 60px;
      line-height: 60px
      text-align: center
      font-size: 24px
      color: #808080
      border-bottom: 1px solid #ebebeb
      p
        margin: 0
        padding: 0
        &.leg
          font-size: 28px
        &.time
          font-size: 20px
          color: #b2b2b2
  /*选择项目*/
  .chos-num
    display: flex
    border-bottom: 1px solid #e6e6e6
    padding: 30px 0
    .img
      width: 120px;
      height: 120px
      border-radius: 50%
      border: 1px solid #f0f0f0
      overflow: hidden
      margin: 0 30px
    .info
      margin-top: 15px;
      .info-name
        height: 34px
        margin-bottom: 30px
        span
          font-size: 34px
          &:nth-child(1)
            color: #999999
      .info-type
        span
          color: #f147a7
          border: 1px solid #f147a7
          height: 36px;
          border-radius: 18px
          padding: 0 15px
          line-height: 36px
          margin-right: 20px
  .chos-address
    display: flex
    height: 70px
    line-height: 70px
    padding: 0 30px
    div
      font-size: 26px
      img
        display: inline-block
        vertical-align: middle
        margin-right: 20px
      span
        display: inline-block
        vertical-align: middle
      &.tel
        img
          height: 25px
          width: 20px
      &.address
        margin-right: 30px
        img
          height: 27px
          width: 20px
  .chos-margin
    height: 20px
    background: #f5f5f5
  .rese-info
    padding: 0;
    .title
      height: 70px;
      line-height: 70px
      font-size: 34px
      color: #000000
      border-bottom: 1px solid #f0f0f0
      padding: 0 30px
    .time-ch
      overflow-x: scroll
      padding: 0 30px
      height: 100px
      border-bottom: 1px solid #f0f0f0
      &::-webkit-scrollbar
        display: none
      .time
        width: 1000px
        font-size: 28px
        line-height: 28px
        height: 98px;
        .li
          float: left
          width: 70px
          color: #333333
          margin-right: 75px
          height: 98px
          padding-top: 25px
          &:nth-child(7)
            margin-right: 0
          p:nth-child(1)
            margin-bottom: 10px
          p:nth-child(2)
            font-size: 22px
            line-height: 22px
          &.active
            color: #f147a7
            border-bottom: 1px solid #f147a7
  .pro-type
    display: flex
    padding: 18px 30px
    border-bottom: 1px solid #eeeeee
    > div
      height: 50px
      padding: 0 35px
      line-height: 50px
      color: #999999
      font-size: 28px
      border-radius: 25px
      border: 1px solid #999999
      margin-right: 30px
      &.active
        color: #f147a7
        border-color: #f147a7
  .list-ty
    display none
    padding: 0 30px
    background: #ffffff
    .li
      display: flex
      padding: 28px 0
      border-bottom: 1px solid #eeeeee
      align-items center
      background: #ffffff
      .img
        width: 120px
        height: 120px
        margin-right: 20px
        img
          width: 100%
          height: 100%
      .info
        flex: 1
        p:nth-child(1)
          font-size: 34px
          color: #333333
          line-height: 34px
        p:nth-child(2)
          font-size: 26px
          color: #666666
        p:nth-child(3)
          span:nth-child(1)
            font-size: 30px
            color: #ff0090
            margin-right: 20px
          span:nth-child(2)
            color: #a9a9a9
            font-size: 22px
            text-decoration line-through
      .make
        width: 144px
        .yd
          width 120px
          height 50px
          line-height 50px
          border-radius 20px
          background linear-gradient(to right, #f0549d, #fdad5b);
          text-align: center
          color: #ffffff
          font-size: 28px
          &.active
            background #fff
            border 1px solid #f147a7
            color #f147a7

  /*预约成功*/
  .yy-info
    .tit
      color: #000000
      font-size: 30px
      height: 88px
      line-height: 88px
      border-bottom: 1px solid #eeeeee
      padding-left: 30px
  .yy-per-um
    display: flex
    justify-content: space-between
    padding: 15px 30px
    border-bottom: 1px solid #eeeeee
    line-height: 60px
    span
      color: #000000
      font-size: 28px
    .btnadd
      display: flex
      div
        width: 60px
        height: 60px
        border: 1px solid #f147a7
        text-align: center
        line-height: 60px
      input
        width: 60px
        height: 60px
        background: #f147a7
        border: none
        text-align: center
        color: #ffffff
        font-size: 28px
  .yy-con
    padding: 0 30px
    margin-top: 30px
    img
      width: 100%
      height: 100%
    .txt
      text-align: center
      font-size: 28px
      color: #333333
      padding: 20px 0
  .yy-margin
    height: 20px
    background: #f5f5f5
  .yy-time
    margin-top: 20px
    .time
      font-size: 34px
      height: 70px
      line-height: 70px
      padding: 0 30px
      span, a
        color: #f147a7
      span:nth-child(1)
        margin-left: 10px
        margin-right: 10px
    .date
      font-size: 28px
      color: #000000
      height: 70px
      line-height: 70px
      border-top: 1px solid #eeeeee
      text-align: center
    .time-ch
      border-top: 1px solid #eeeeee
      .li, p
        width: 125px
        text-align: center
        float: left
        height: 82px
        line-height: 82px
        border-bottom: 1px solid #eeeeee
        font-size: 28px
        position: relative;
        &.active
          background: #f147a7
          color: #ffffff
      p:nth-of-type(1)
        border-top-left-radius: 4px
        border-bottom-left-radius: 4px
        &:after
          position: absolute;
          bottom: -30px;
          z-index: 2;
          width: 125px;
          text-align: center
          content: "开始"
          color: #000000
          display: block
          font-size: 18px
          color: #ffffff
      p:last-of-type
        border-top-right-radius: 4px
        border-bottom-right-radius: 4px
        &:after
          position: absolute;
          bottom: -30px;
          z-index: 2;
          width: 125px;
          text-align: center
          content: "结束"
          color: #000000
          display: block
          font-size: 18px
          color: #ffffff
  .btn
    padding: 0 30px
    margin-top: 80px
    padding-bottom: 80px
    button
      border: none
      background: linear-gradient(to right, #f0529e, #fdae5a)
      width: 100%
      height: 88px
      font-size: 36px
      color: #ffffff
      border-radius: 10px
  .overflow
    width: 240px
    height: 240px
    position: absolute
    top: 500px
    left: 255px
    border-radius: 10px
    color: #ffffff
    font-size: 26px
    text-align: center
    .bj
      background: #000000
      width: 100%
      height: 100%
      opacity: 0.7
      position: absolute
      border-radius: 10px
      left: 0
      top: 0
    .info
      position: absolute
      width: 100%
      height: 100%
      left: 0
      top: 0
      text-align: center
    .img
      margin-top: 55px
      margin-bottom: 35px
    .in
      margin-top: 5px
  .button
    display none
    position fixed
    bottom 0
    width 100%
    font-size 32px
    height 88px
    line-height 88px
    background linear-gradient(to right, #f0549d, #fdad5b)
    text-align center
    color #fff




        

          

        


        
